/* try to use custom fonts trough css3 (opera 10+, safari 3.1+ and ff 3.5+) */

@font-face {
  font-family: "Union";
  src: url("../fonts/union.ttf") format("truetype");
}

@font-face {
  font-family: "Share";
  src: url("../fonts/share.ttf") format("truetype");
}

/* Basic Elements */

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1,h2,h3,h4,h5,h6 { margin-bottom:0.3em }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0.6em 0; line-height:1.3em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.2em; font-style: italic; border-right:3px solid #ccc; padding:1.7em 1em 1em 1.7em }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt 		{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1em; }
ul, ol      { margin: 0 1em 1.5em 0.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	font-size:12px;
	color:#ccc;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}


/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* WP Page Navi */
.wp-pagenavi { margin:1em 0 0 0; text-align:center }
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/* WP Page NAVI END */


/* NAVIGATION BUTTONS */
.navigation { font-size:20px; overflow:hidden;  margin:1em 0.5em 0.5em; overflow:hidden; clear:both }
.navigation a { border-width: 0px;	border-style: solid; -moz-border-radius: 6px;	-khtml-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px; background-color:#eee; color:#aaa; padding:5px; display:block; text-decoration:none; text-shadow:none; font-size:1.2em  }
.navigation a:hover { color:#fff; background:#555; }
.navigation .alignleft { float:left; overflow:hidden; }
.navigation .alignright{ float:right; overflow:hidden }

.round { 
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius: 0.5em;
}

/* DATE */
.date { 
	width:50px; 
	height:50px; 
	background-image: url(http://zurb.com/images/alert-overlay.png); 
    background-position: top; 
    background-repeat:repeat-x;
	text-align:center; 
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius: 0.5em;
	border:1px solid #fff;
	margin-left:10px;
	float:right;
	overflow:hidden;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.date .month { 
	padding-top:3px; 
	height:17px;
	font-size:12px; 
	text-transform:uppercase; 
	font-weight:700; 
	border-bottom:1px solid #fff;
}

.date span { font-size:1.5em; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); font-weight:700 }

/* COMMENT TEMPLATE */
#comment_template { padding:0 1em 1em; }

/* HEADER TEXT */
#header_text { 
	font-family:"Union",Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 360%;
	letter-spacing: -0.01em;
	line-height: 100%;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	margin:0.2em 0 0.1em 0;
 	font-variant: small-caps;
 	font-weight: normal;
	color:#fff;
	text-transform:capitalize;
}

.description { font-family: "Share", "Arial Narrow", Arial, Sans; font-size:1.2em; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

h3.widgettitle { text-shadow: 0 -1px 1px rgba(0,0,0,0.15); }